/* Session Player Styles */
.rr-player {
    background-color: transparent !important;
    border-radius: 6px;
}

.replayer-wrapper {
    background-color: transparent !important;
    border: 1px solid gray !important;
}

.rr-controller {
    background-color: transparent !important;
    color: white !important;
}

/* Using the provided cursor SVG with white outline */
.replayer-mouse {
    width: 30px !important;
    height: 42px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='21' viewBox='0 0 15 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.21818 14.9087L5.05222 14.9637L4.92773 15.0865L0.75 19.2069V1.84143L13.2192 14.6096H6.24066H6.11948L6.00446 14.6477L5.21818 14.9087Z' fill='black' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    margin-left: -1px !important;
    margin-top: -1px !important;
    transition: all 0.2s ease-in-out !important;
}

@keyframes bounce {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.4);
    }
}

.replayer-mouse.active {
    animation: bounce 0.3s ease-in-out !important;
}